<template>
  <div class="main-structure">
    <div class="ib space">
      <div class="list-sec">
        <section>
          <div class="title-bar">
            <div class="auto-flex">
              <strong>数据库</strong>
            </div>
            <div>
              <button class="btn btn-sm btn-success" type="button">修改字符集</button>
              <button class="btn btn-sm btn-warning" type="button">重命名</button>
              <button class="btn btn-sm btn-danger" type="button">删除库</button>
            </div>
          </div>
          <div>
            <pre>{{ $parent.scDB }}</pre>
          </div>
        </section>
        <section>
          <div class="title-bar">
            <div class="auto-flex">
              <strong>数据表</strong>
            </div>
            <div>
              <button class="btn btn-sm btn-success" type="button">修改表信息</button>
              <button class="btn btn-sm btn-warning" type="button">重命名</button>
              <button class="btn btn-sm btn-danger" type="button">删除表</button>
            </div>
          </div>
          <div>
            <pre>{{ $parent.scTable }}</pre>
          </div>
        </section>
        <section>
          <div class="title-bar">
            <div class="auto-flex">
              <strong>{{ `SHOW CREATE TABLE ${$parent.dbTable} ` }}</strong>
            </div>
            <div>
              <button class="btn btn-sm btn-success" type="button">修改字符集</button>
            </div>
          </div>
        </section>
        <section>
          <div class="title-bar">
            <div class="auto-flex">
              <strong>数据库</strong>
            </div>
            <div>
              <button class="btn btn-sm btn-success" type="button">修改字符集</button>
            </div>
          </div>
        </section>
        <section>
          <div class="title-bar">
            <div class="auto-flex">
              <strong>数据库</strong>
            </div>
            <div>
              <button class="btn btn-sm btn-success" type="button">修改字符集</button>
            </div>
          </div>
        </section>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'main-structure',
  data() {
    return {}
  },
  computed: {
    r() {
      return this.$root.router
    }
  },
  watch: {},
  methods: {
    async lsData() {
      this.data.list = await vm.post('url', {
        a: 'action'
      })
    },
  },
  async mounted() {
    // await this.lsData()
  }
}
</script>

<style lang="less" scoped>
.main-structure {}
</style>